<template>
   <view class="">
   	  <view class=" ">
   	  	<uni-section title="通栏卡片" type="line">
   	  		<uni-card title="订单详情" :extra= "'订单编号：'+arr[0].number">
   	  			<view style="width: 130rpx;height: 130rpx; float: left; ">
   	  				<image :src="arr[0].commodityimg[0].pash" style="width: 125rpx;height: 125rpx; float: left;" mode="">
   	  				</image>
   	  			</view>
   	  			<view class="" style="float: left;   width: 360rpx; margin-left: 30px;">
   	  				<text style="float: left; width: 400rpx;"></text>
   	  					<text style="float: left; width: 400rpx;">{{arr[0].commodity.commodityName}}</text>
						<text style="float: left; width: 400rpx;">{{arr[0].price}}币</text>
						<text style="float: left; width: 400rpx; margin-left: 3rpx;">X{{arr[0].quantity}}</text>
						<text style="float: left; width: 400rpx; "> <span style="color: #DD524D;">{{arr[0].total}}币</span></text>
   	  				<text style="float: left; width: 400rpx;"></text>
   	  			</view>
   	  		</uni-card>
   	  	</uni-section>
   	  </view>
   	  <view class="">
   	  	<uni-section title="通栏卡片" type="line">
   	  		<uni-card title="取货详情">
   	  			<view class="" style="float: left;   width: 460rpx; ">
   	  				
   	  				<!-- 	<text style="float: left; width: 400rpx;">{{j.creationTime}}</text> -->
   	  				<text style="float: left; width: 400rpx; margin-left: 28rpx;">
   	  					取货号：{{arr[0].tan}}</text>
   	  				<text style="float: left; width: 400rpx; margin-top: 20rpx; margin-bottom: 20rpx;" >取货门店：{{arr[0].store.storeName}}</text>
						<text style="float: left; width: 300rpx; margin-top: 20rpx; margin-bottom: 20rpx;" > 二维码:<image :src="arr[0].qrcodeimg" mode="" style="width: 200rpx;height: 200rpx; margin-left: 100rpx; "></image></text>
   	  				<!-- <text style="float: left; width: 450rpx;">上门时间：</text>
   	  				<text style="float: left; width: 400rpx;">回收内容：</text>
   	  				<text style="float: left; width: 400rpx;">预计重量：</text>
   	  				<text style="float: left; width: 400rpx; margin-left: 56rpx;">
   	  					备注：</text> -->
   	  			</view>
   	  		</uni-card>
   	  	</uni-section>
   	  </view>
	  <view class="">
	  	<uni-section title="通栏卡片" type="line">
	  		<uni-card title="取货人详情">
	  			<view class="" style="float: left;   width: 460rpx; ">
	  		
	  				<text style="float: left; width: 400rpx; margin-left: 28rpx;">
	  					取货人：{{arr[0].contactsName}}</text>
	  				<text style="float: left; width: 400rpx; margin-top: 20rpx; margin-bottom: 20rpx;">联系电话：{{arr[0].phone}}</text>
	  		<!-- 		<text style="float: left; width: 450rpx;">上门时间：</text>
	  				<text style="float: left; width: 400rpx;">回收内容：</text>
	  				<text style="float: left; width: 400rpx;">预计重量：</text>
	  				<text style="float: left; width: 400rpx; margin-left: 56rpx;">
	  					备注：</text> -->
	  			</view>
	  		</uni-card>
	  	</uni-section>
	  </view>
   </view>
</template>

<script>
	import request from '../../request.js'
	export default {
		data() {
			return {
				show: false,
				arr2: [],
				coId: '',
				arr: '',
				value1:'',
			}
		},
		onLoad(w) {
			this.coId = w.coId
			this.load2()
		},
		methods: {
			load2() {
				request({
					url: 'xkuser/commodityorder/load2/' + this.coId,
					method: 'get',
					success: (res) => {
						this.arr = res.data.data.arr2
						console.log(this.arr)
					}
				})
			}
		}
	}
</script>

<style>
</style>
